<!--
 * @Descripttion:
 * @version:
 * @Author: Connor
 * @Date: 2020-12-07 14:58:24
 * @LastEditors: Connor
 * @LastEditTime: 2021-05-12 14:39:44
-->
<template>
  <div>
      <el-tooltip class="item" effect="light" placement="left">
        <div slot="content" v-html="data.customerRemark"></div>
        <i class="el-icon-s-custom"></i>
      </el-tooltip>
      <el-tooltip class="item" effect="light" placement="left">
        <div slot="content" v-html="data.sysRemark"></div>
        <i class="el-icon-chat-dot-round"></i>
      </el-tooltip>
      <span v-if="data.orderLocked==0">
        <el-tooltip class="item " effect="light" content="解锁" placement="top" >
             <i class="el-icon-unlock" ></i>
        </el-tooltip>
      </span>
      <span v-if="data.orderLocked==1">
        <el-tooltip class="item " effect="light" content="锁单" placement="top" >
             <i class="el-icon-lock" ></i>
        </el-tooltip>
      </span>
      <span v-if="data.billStatus==0 || data.billStatus==null">
        <el-tooltip effect="light" content="海外仓账单" placement="top">
             <img v-if="noBillStatusBackImg" :src="noBillStatusBackImg" />
         </el-tooltip>
      </span>
      <span v-if="data.billStatus==1">
        <el-tooltip effect="light" content="海外仓账单" placement="top">
                <img v-if="yesBillStatusBackImg" :src="yesBillStatusBackImg" />
        </el-tooltip>
      </span>
  </div>
</template>

<script>
import yesBillStatusBackPng from "@/assets/images/yes_bill_status_back.png";
import noBillStatusBackPng from "@/assets/images/no_bill_status_back.png";
export default {
  props: [
  　　'row', 'data', 'more'
　],
 data() {
    return {
    yesBillStatusBackImg:yesBillStatusBackPng,
    noBillStatusBackImg:noBillStatusBackPng
    };
 },
}
</script>
<style scoped>
.row-item >>> .el-col {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/deep/ .el-form-item__content {
  font-size: 12px;
}

/deep/ .el-autocomplete {
  width: 100%;
}

</style>

<style lang="scss">
.row-item {
  color: #3f4652;
  line-height: 28px;
  margin-bottom: 14px;
}


</style>
